<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>首页</title>
	<link href="/css/style.css" rel="stylesheet" type="text/css" />
	<link href="/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
</head>

<body>
  <!--<header id="header">-->
  	<!--<a href="#" class="iconfont fl">&#xe63f;</a>-->
    <!--<div class="title">新闻首页</div>-->
    <!--<a href="#" class="iconfont fr">&#xe6a0;</a>-->
  <!--</header> -->
  <div class="content">
  	 <!--<div class="user_card clearfix">-->
  	 	<!--<div class="item pic">-->
  	 		<!--<div class="userimg"><img src="images/user.png"></div>-->
  	 		<!--<div class="username">文娟~爱正顺久</div>-->
  	 	<!--</div>-->
  	 	<!--<div class="item info">-->
  	 		<!--<div class="tel">电话：1384568899</div>-->
  	 		<!--<div class="signature">个性签名：</div>-->
  	 		<!--<p class="signature_txt">生活不仅有面包，还有诗和远方</p>-->
  	 	<!--</div>-->
  	 	<!--<div class="item code">-->
  	 		<!--<div class="codeimg"><img src="images/code.png"></div>-->
  	 	<!--</div>-->
  	 <!--</div>-->
  	 <div class="column column-1 card-list">
  	 	<div class="title">
  	 		<span class="titletext fl"><i class="iconfont">&#xe62e;</i>推荐</span>
  	 		<!--<a href="#" class="more fr">更多<i class="iconfont">&#xe65f;</i></a>-->
  	 	</div>
  	 	<div class="con-list">
  	 		<ul class="clearfix">
  	 			<li th:each="news: ${newsList}">
  	 				<div class="photo-card">
  	 					<a th:href="'/getNewsDetail?id='+ ${news.id}" class="img"><img th:src="${news.image}"></a>
  	 					<p class="txt" ><a th:href="'/newsdetail'+ ${news.id}"></a><span th:text="${news.title}"></span></p>
  	 					<div class="info clearfix">
  	 						<span class="author" ><img th:src="${news.avatar}" ><span th:text="${news.nickname}"></span></span>
  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298</span>-->
  	 						<!--<span class="collect" ><i class="iconfont">&#xe605;</i>123</span>-->
  	 					</div>
  	 				</div>
  	 			</li>

  	 		</ul>
  	 	</div>
  	 </div>
     <!--<div class="column column-2 card-list">-->
  	 	<!--<div class="title">-->
  	 		<!--<span class="titletext fl"><i class="iconfont">&#xe69a;</i>美言推荐</span>-->
  	 		<!--<a href="mei_list.html" class="more fr">更多<i class="iconfont">&#xe65f;</i></a>-->
  	 	<!--</div>-->
  	 	<!--<div class="con-list">-->
  	 		<!--<ul class="clearfix">-->
  	 			<!--<li>-->
  	 				<!--<div class="photo-card">-->
  	 					<!--<a href="meiyan_detail.html" class="img" ><img src="images/img3.jpg" ></a>-->
  	 					<!--<p class="txt"><a href="#">霍比屯的日常</a></p>-->
  	 					<!--<div class="info clearfix">-->
  	 						<!--<span class="author"><img src="images/user_mini.png">sfjjkjh</span>-->
  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298</span>-->
  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>23</span>-->
  	 					<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="photo-card">-->
  	 					<!--<a href="meiyan_detail.html" class="img" ><img src="images/img4.jpg" ></a>-->
  	 					<!--<p class="txt"><a href="#">霍比屯的日常</a></p>-->
  	 					<!--<div class="info clearfix">-->
  	 						<!--<span class="author"><img src="images/user_mini.png">sfjjkjh</span>-->
  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298</span>-->
  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>32</span>-->
  	 					<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 		<!--</ul>-->
  	 	<!--</div>-->
  	 <!--</div>-->
     <!--<div class="column column-3 card-list">-->
  	 	<!--<div class="title">-->
  	 		<!--<span class="titletext fl"><i class="iconfont">&#xe653;</i>美视推荐</span>-->
  	 		<!--<a href="#" class="more fr">更多<i class="iconfont">&#xe65f;</i></a>-->
  	 	<!--</div>-->
  	 	<!--<div class="con-list">-->
  	 		<!--<ul class="clearfix">-->
  	 			<!--<li>-->
  	 				<!--<div class="photo-card">-->
  	 					<!--<a href="#" class="img" ><img src="images/img5.jpg" ></a>-->
  	 					<!--<p class="txt"><a href="#">霍比屯的日常</a></p>-->
  	 					<!--<div class="info clearfix">-->
  	 						<!--<span class="author"><img src="images/user_mini.png">sfjjkjh</span>-->
  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298</span>-->
  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>55</span>-->
  	 					<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="photo-card">-->
  	 					<!--<a href="#" class="img" ><img src="images/img6.jpg" ></a>-->
  	 					<!--<p class="txt"><a href="#">霍比屯的日常</a></p>-->
  	 					<!--<div class="info clearfix">-->
  	 						<!--<span class="author"><img src="images/user_mini.png">sfjjkjh</span>-->
  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298</span>-->
  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>54</span>-->
  	 					<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 		<!--</ul>-->
  	 	<!--</div>-->
  	 <!--</div>-->
     <!--<div class="column column-4 imgtxt-list">-->
  	 	<!--<div class="title">-->
  	 		<!--<span class="titletext fl"><i class="iconfont">&#xe603;</i>贴贴精选</span>-->
  	 		<!--<a href="tiediy.html" class="more fr">更多<i class="iconfont">&#xe65f;</i></a>-->
  	 	<!--</div>-->
  	 	<!--<div class="con-list">-->
  	 		<!--<ul class="clearfix">-->
  	 			<!--<li>-->
  	 				<!--<div class="li-box clearfix">-->
  	 					<!--<a href="news_detail.html" class="img fl"><img src="images/img4-1.png" ></a>-->
  	 					<!--<div class="txt-box">-->
	  	 					<!--<p class="txt"><a href="news_detail.html">手机能拍出什么样的照片手机能拍出什么样的？</a></p>-->
	  	 					<!--<div class="info clearfix">-->
	  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
	  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>98人收藏</span>-->
	  	 						<!--<span class="author"><img src="images/user_mini.png">sfjj</span>-->
	  	 					<!--</div>-->
	  	 				<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="li-box clearfix">-->
  	 					<!--<a href="news_detail.html" class="img fl"><img src="images/img4-2.png" ></a>-->
  	 					<!--<div class="txt-box">-->
	  	 					<!--<p class="txt"><a href="news_detail.html">手机能拍出什么样的照片？</a></p>-->
	  	 					<!--<div class="info clearfix">-->
	  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
	  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>98人收藏</span>-->
	  	 						<!--<span class="author"><img src="images/user_mini.png">sfjj</span>-->
	  	 					<!--</div>-->
	  	 				<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="li-box clearfix">-->
  	 					<!--<a href="news_detail.html" class="img fl"><img src="images/img4-3.png" ></a>-->
  	 					<!--<div class="txt-box">-->
	  	 					<!--<p class="txt"><a href="news_detail.html">手机能拍出什么样的照片？</a></p>-->
	  	 					<!--<div class="info clearfix">-->
	  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
	  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>98人收藏</span>-->
	  	 						<!--<span class="author"><img src="images/user_mini.png">sfjj</span>-->
	  	 					<!--</div>-->
	  	 				<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="li-box clearfix">-->
  	 					<!--<a href="news_detail.html" class="img fl"><img src="images/img4-4.png" ></a>-->
  	 					<!--<div class="txt-box">-->
	  	 					<!--<p class="txt"><a href="news_detail.html">手机能拍出什么样的照片？</a></p>-->
	  	 					<!--<div class="info clearfix">-->
	  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
	  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>98人收藏</span>-->
	  	 						<!--<span class="author"><img src="images/user_mini.png">sfjj</span>-->
	  	 					<!--</div>-->
	  	 				<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 			<!--<li>-->
  	 				<!--<div class="li-box clearfix">-->
  	 					<!--<a href="news_detail.html" class="img fl"><img src="images/img4-1.png" ></a>-->
  	 					<!--<div class="txt-box">-->
	  	 					<!--<p class="txt"><a href="news_detail.html">手机能拍出什么样的照片？</a></p>-->
	  	 					<!--<div class="info clearfix">-->
	  	 						<!--<span class="zan"><i class="iconfont">&#xe600;</i>298人点赞</span>-->
	  	 						<!--<span class="collect"><i class="iconfont">&#xe605;</i>98人收藏</span>-->
	  	 						<!--<span class="author"><img src="images/user_mini.png">sfjj</span>-->
	  	 					<!--</div>-->
	  	 				<!--</div>-->
  	 				<!--</div>-->
  	 			<!--</li>-->
  	 		<!--</ul>-->
  	 	<!--</div>-->
  	 <!--</div>-->
  
  </div>

  <footer id="footer" class="foot">
	  <ul>
		  <li class="active">
			  <a href="/">
				  <span class="img"><img src="/images/nav1.png"></span>
				  <p>首页</p>
			  </a>
		  </li>
		  <li>
			  <a href="/hot/index">
				  <span class="img"><img src="/images/nav2.png"></span>
				  <p>动态</p>
			  </a>
		  </li>
		  <li>
			  <a href="/order/index">
				  <span class="img"><img src="/images/nav3.png"></span>
				  <p>预约</p>
			  </a>
		  </li>
		  <li >
			  <a href="/user/index">
				  <span class="img"><img src="/images/nav4.png"></span>
				  <p>我的</p>
			  </a>
		  </li>
	  </ul>
  </footer>
  <div id="go-top" class="go-top" style="
  	display: block;
    height: 40px;
    width: 40px;
    position: fixed;
    right: 15px;
    bottom: 70px;
">
		<a href="javascript:goTop();" >
			<img style="height: 40px; width: 40px;" src="/images/top.png"/>
		</a>
  </div>
</body>

<!--回到顶部-->
	<script type="text/javascript">
		var $top = $('#go-top');
		$(window).bind('scroll',function(){
			var $this = $(this);
			if($this.scrollTop() > 360){
				$top.show();
			}else{
				$top.hide();
			}
		})
		function goTop(){
			$('html,body').animate({
				scrollTop:0
			},400)
		}
    </script>
 
</html>
